import { Box } from '@mui/material';
import React from 'react';

interface LayoutProps {
  children: React.ReactNode;
}

const Layout: React.FC<LayoutProps> = ({ children }) => {
  return (
    <Box
      sx={{
        display: 'flex',
        flexDirection: 'column',
        minHeight: '100vh',
        width: '100%',
        backgroundColor: '#f5f5f5',
        pt: '64px',
        px: 3,
      }}
    >
      {children}
    </Box>
  );
};

export default Layout;
